<!DOCTYPE html>


<html lang="zh-CN">


<head>
  <meta charset="utf-8" />
    
  <meta name="description" content="迎着朝阳的博客" />
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>
    redis高级特性和相关原理 |  迎着朝阳
  </title>
  <meta name="generator" content="hexo-theme-ayer">
  
  <link rel="shortcut icon" href="https://dxysun.com/static/yan.png" />
  
  
<link rel="stylesheet" href="/dist/main.css">

  
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/css/remixicon.min.css">

  
<link rel="stylesheet" href="/css/custom.css">

  
  
<script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>

  
  

  
<script>
var _hmt = _hmt || [];
(function() {
	var hm = document.createElement("script");
	hm.src = "https://hm.baidu.com/hm.js?aa994a8d65700b8835787dd39d079d7e";
	var s = document.getElementsByTagName("script")[0]; 
	s.parentNode.insertBefore(hm, s);
})();
</script>


</head>

</html>

<body>
  <div id="app">
    
      
    <main class="content on">
      <section class="outer">
  <article
  id="post-redisForPrinciple2"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h1 class="article-title sea-center" style="border-left:0" itemprop="name">
  redis高级特性和相关原理
</h1>
 

    </header>
     
    <div class="article-meta">
      <a href="/2021/08/25/redisForPrinciple2/" class="article-date">
  <time datetime="2021-08-25T13:57:53.000Z" itemprop="datePublished">2021-08-25</time>
</a> 
  <div class="article-category">
    <a class="article-category-link" href="/categories/redis/">redis</a>
  </div>
  
<div class="word_count">
    <span class="post-time">
        <span class="post-meta-item-icon">
            <i class="ri-quill-pen-line"></i>
            <span class="post-meta-item-text"> 字数统计:</span>
            <span class="post-count">6.4k</span>
        </span>
    </span>

    <span class="post-time">
        &nbsp; | &nbsp;
        <span class="post-meta-item-icon">
            <i class="ri-book-open-line"></i>
            <span class="post-meta-item-text"> 阅读时长≈</span>
            <span class="post-count">23 分钟</span>
        </span>
    </span>
</div>
 
    </div>
      
    <div class="tocbot"></div>




  
    <div class="article-entry" itemprop="articleBody">
       
  <p>redis高级特性和相关原理</p>
<a id="more"></a>



<h1 id="发布订阅模式"><a href="#发布订阅模式" class="headerlink" title="发布订阅模式"></a>发布订阅模式</h1><p>列表的局限</p>
<p>通过队列的rpush和blpop可以实现消息队列（队尾进队头出），没有任何元素可以弹出的时候，连接会被阻塞。</p>
<p>但是基于list实现的消息队列，不支持一对多的消息分发，相当于只有一个消费者。</p>
<p>如果要实现一对多的消息分发，可以使用，Redis的发布订阅功能。</p>
<h2 id="订阅频道"><a href="#订阅频道" class="headerlink" title="订阅频道"></a>订阅频道</h2><p>消息的生产者和消费者是不同的客户端，连接到同一个Redis的服务，通过什么对象把生产者和消费者关联起来呢？</p>
<p>在RabbitMQ里面叫Queue，在Kafka里面叫Topic，Redis的模型里面这个叫channel（频道）。</p>
<p>订阅者可以订阅一个或者多个channel，消息的发布者可以给指定的channel发布消息，只要有消息到达了channel，所有订阅了这个channel的订阅者都会收到这条消息。</p>
<p><img src="https://tu.dxysun.com/20210825220422-20210825220423.png" alt=""></p>
<p>订阅者订阅频道：可以一次订阅多个，比如这个客户端订阅了3个频道，频道不用实现创建。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">subscribe channel-l channel-2 channel-3</span><br></pre></td></tr></table></figure>

<p>发布者可以向指定频道发布消息（并不支持一次向多个频道发送消息）：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">publish channel-1 2673</span><br></pre></td></tr></table></figure>

<p>取消订阅（不能在订阅状态下使用）：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">unsubscribe channel-1</span><br></pre></td></tr></table></figure>



<h2 id="按规则（Pattern）订阅频道"><a href="#按规则（Pattern）订阅频道" class="headerlink" title="按规则（Pattern）订阅频道"></a>按规则（Pattern）订阅频道</h2><p>支持？和 * 占位符，？代表一个字符，* 代表0个或者多个字符。</p>
<p>例如，现在有三个新闻频道，运动新闻（news-sport）、音乐新闻（news-music）、天气新闻（news-weather）。</p>
<p>三个消费者</p>
<p>消费端1，关注运动信息：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">psubscribe *sport</span><br></pre></td></tr></table></figure>

<p>消费端2，关注所有新闻：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">psubscribe news*</span><br></pre></td></tr></table></figure>

<p>消费端3，关注天气新闻：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">psubscribe news-weather</span><br></pre></td></tr></table></figure>



<p><img src="https://tu.dxysun.com/image-20210825220820993-20210825220822.png" alt="image-20210825220820993"></p>
<p>生产者，向3个频道发布3条信息，对应的订阅者能收到消息：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">publish news-sport kobe </span><br><span class="line">publish news-music jaychou </span><br><span class="line">publish news-weather sunny</span><br></pre></td></tr></table></figure>

<p>一般来说，考虑到性能和持久化的因素，不建议使用Redis的发布订阅功能来实现MQ，Redis的一些内部机制用到了发布订阅功能。</p>
<h1 id="Redis事务"><a href="#Redis事务" class="headerlink" title="Redis事务"></a>Redis事务</h1><p>Redis的单个命令是原子性的（比如get set mget mset），要么成功要么失败，不存在并发干扰的问题。</p>
<p>如果涉及到多个命令的时候，需要把多个命令作为一个不可分割的处理序列，就必须要依赖Redis的功能特性来实现了。</p>
<p>Redis提供了事务的功能，可以把一组命令一起执行。</p>
<p>Redis的事务有3个特点：</p>
<p>1、按进入队列的顺序执行。</p>
<p>2、不会受到其他客户端的请求的影响。</p>
<p>3、事务不能嵌套，多个multi命令效果一样。 </p>
<h2 id="事务的用法"><a href="#事务的用法" class="headerlink" title="事务的用法"></a>事务的用法</h2><p>Redis的事务涉及到四个命令： multi（开启事务），exec（执行事务），discard （取消事务），watch（监视）</p>
<p>案例场景：a和b各有1000元，a向b转账100元。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">set a 1000 set b 1000 </span><br><span class="line">multi</span><br><span class="line">decrby a 100 </span><br><span class="line">incrby b 100 </span><br><span class="line">exec</span><br><span class="line">get a</span><br><span class="line">get b</span><br></pre></td></tr></table></figure>

<p>通过multi的命令开启事务，multi执行后，客户端可以继续向服务器发送任意多条命令，这些命令不会立即被执行，而是被放到一个队列中。当exec命令被调用时，所有队列中的命令才会被执行。</p>
<p>如果没有执行exec，所有的命令都不会被执行。</p>
<p>如果中途不想执行事务了，可以调用discard可以清空事务队列，放弃执行。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">multi</span><br><span class="line">decrby a 100 </span><br><span class="line">discard</span><br><span class="line">get a</span><br></pre></td></tr></table></figure>



<h2 id="watch命令"><a href="#watch命令" class="headerlink" title="watch命令"></a>watch命令</h2><p>为了防止事务过程中某个key的值被其他客户端请求修改，带来非预期的结果，在Redis中还提供了一个watch命令。</p>
<p>也就是多个客户端更新变量的时候，会跟原值做比较，只有它没有被其他线程修改的情况下，才更新成新的值。它可以为Redis事务提供CAS乐观锁行为（Compare andSwap)。</p>
<p>可以用watch监视一个或者多个key，如果开启事务之后，至少有一个被监视key在exec执行之前被修改了，那么整个事务都会被取消（key提前过期除外），可以用unwatch取消监视。</p>
<p><img src="https://tu.dxysun.com/image-20210825222014059-20210825222015.png" alt="image-20210825222014059"></p>
<h2 id="事务可能遇到的问题"><a href="#事务可能遇到的问题" class="headerlink" title="事务可能遇到的问题"></a>事务可能遇到的问题</h2><p>事务执行遇到的问题分成两种，一种是在执行exec之前发生错误，一种是在执行exec之后发生错误。</p>
<h3 id="在执行exec之前发生错误"><a href="#在执行exec之前发生错误" class="headerlink" title="在执行exec之前发生错误"></a>在执行exec之前发生错误</h3><p>比如：入队的命令存在语法错误，包括参数数量，参数名等等（编译器错误）</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">mutil</span><br><span class="line">set a 2673</span><br><span class="line">set b yes</span><br><span class="line">hset c 666</span><br><span class="line">exec</span><br></pre></td></tr></table></figure>

<p>比如这里出现了参数个数错误，事务会被拒绝执行，也就是队列中所有的命令都不会得到执行。</p>
<h3 id="在执行exec之后发生错误"><a href="#在执行exec之后发生错误" class="headerlink" title="在执行exec之后发生错误"></a>在执行exec之后发生错误</h3><p>比如对String使用了Hash的命令，参数个数正确，但数据类型错误，这是一种运行时错误。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">flushall</span><br><span class="line">multi</span><br><span class="line">set kl l</span><br><span class="line">hset kl ab</span><br><span class="line">exec</span><br><span class="line">1) OK</span><br><span class="line">2) (error) WRONGTYPE Operation againstakey holding the wrong kind of value</span><br><span class="line">get kl</span><br></pre></td></tr></table></figure>

<p>最后我们发现setk11的命令是成功的，也就是在这种发生了运行时异常的情况下，只有错误的命令没有被执行，但是其他命令没有受到影响。</p>
<p>这个显然不符合我们对原子性的定义。也就是我们没办法用Redis的这种事务机制来实现原子性，保证数据的一致。</p>
<p>为什么不回滚？</p>
<p>官方的解释是这样的：</p>
<p>Redis命令只会因为错误的语法而失败，也就是说，从实用性的角度来说，失败的命令是由代码错误造成的，而这些错误应该在开发的过程中被发现，而不应该出现在生产环境中（这个是程序员的锅）。</p>
<p>因为不需要对回滚进行支持，所以Redis的内部可以保持简单且快速。需要知道的是：回滚不能解决代码的问题（程序员的锅必须程序员来背）。</p>
<p>Redis从2.6版本开始引入了Lua脚本，也就是说Redis可以用Lua来执行Redie 命令。</p>
<h1 id="Lua脚本"><a href="#Lua脚本" class="headerlink" title="Lua脚本"></a>Lua脚本</h1><p>Lua/‘lua/是一种轻量级脚本语言，它是用C语言编写的，跟数据的存储过程有点类似。</p>
<p>使用Lua脚本来执行redis命令的好处：</p>
<p>1、一次发送多个命令，减少网络开销。</p>
<p>2、Redis会将整个脚本作为一个整体执行，不会被其他请求打断，保持原子性。 </p>
<p>3、对于复杂的组合命令，我们可以放在文件中，可以实现命令复用。</p>
<h2 id="在Redis中调用Lua脚本"><a href="#在Redis中调用Lua脚本" class="headerlink" title="在Redis中调用Lua脚本"></a>在Redis中调用Lua脚本</h2><p>使用eval 方法，语法格式：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">redis&gt; eval lua-script key-num [keyl key2 key3...] [valuel value2 value....]</span><br></pre></td></tr></table></figure>

<p>eval 代表执行Lua语言的命令。</p>
<p>lua-script 代表Lua语言脚本内容。</p>
<p>key-num表示参数中有多少个key，需要注意的是Redis中key是从1开始的，如果没有key的参数，那么写0。</p>
<p>[key1 key2 key3] 是key作为参数传递给Lua语言，也可以不填，但是需要和key-num的个数对应起来。</p>
<p>[value1 value2 value3] 这些参数传递给Lua语言，它们是可填可不填的。</p>
<p>示例，返回一个字符串，0个参数：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">redis&gt; eval &quot;return &#39;Hello World&#39;&quot; 0</span><br></pre></td></tr></table></figure>

<p>Lua脚本在Redis里面真正的用途是用来执行Redis命令。</p>
<h2 id="在Lua脚本中调用Redis命令"><a href="#在Lua脚本中调用Redis命令" class="headerlink" title="在Lua脚本中调用Redis命令"></a>在Lua脚本中调用Redis命令</h2><h3 id="命令格式"><a href="#命令格式" class="headerlink" title="命令格式"></a>命令格式</h3><p>使用 redis.call 进行操作。</p>
<p>语法格式：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">redis.call(command, key [paraml,param...])</span><br></pre></td></tr></table></figure>

<p>command是命令，包括set、get、del等。</p>
<p>key是被操作的键。</p>
<p>param1，param2..代表给key的参数。</p>
<p>来看一个简单的案例，让Lua脚本执行<code>set a 2673</code>（Redis客户端执行）</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">eval &quot;return redis.call(&#39;set&#39;,&#39;qingshan&#39;,&#39;2673&#39;)&quot; 0</span><br></pre></td></tr></table></figure>

<p>这种方式是写死值的，当然也可以用传参的方式：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">eval &quot;return redis.call(&#39;set&#39;,KEYS[1],ARGV[1])&quot; l qingshan miaomiaomiao</span><br></pre></td></tr></table></figure>

<p>如果KEY和ARGV有多个，继续往后面加就是了。</p>
<p>在redis-cli中直接写Lua脚本不够方便，也不能实现编辑和复用，通常会把Lua脚本放在文件里面，然后执行这个文件。</p>
<h3 id="缓存Lua脚本"><a href="#缓存Lua脚本" class="headerlink" title="缓存Lua脚本"></a>缓存Lua脚本</h3><p>在Lua脚本比较长的情况下，如果每次调用脚本都需要把整个脚本传给Redis服务端，会产生比较大的网络开销。为了解决这个问题，Redis可以缓存Lua脚本并生成SHA摘要码，后面可以直接通过摘要码来执行Lua脚本。</p>
<p>如何缓存</p>
<p>这里面涉及到两个命令，首先是在服务端缓存lua脚本生成一个摘要码，用script load命令。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">script load &quot;returm &#39;Hello World&#39;&quot;</span><br></pre></td></tr></table></figure>

<p>第二个命令是通过摘要码执行缓存的脚本：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">evalsha &quot;470877a599ac74fbfda4lcaa908de682c5fc7d4b&quot; 0</span><br></pre></td></tr></table></figure>



<h3 id="脚本超时"><a href="#脚本超时" class="headerlink" title="脚本超时"></a>脚本超时</h3><p>Redis的指令执行本身是单线程的，这个线程还要执行客户端的Lua脚本，如果Lua 脚本执行超时或者陷入了死循环，是不是没有办法为客户端提供服务了呢？</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">eval &#39;while(true) do end&#39; 0</span><br></pre></td></tr></table></figure>

<p>是的。它会导致其他的命令都会进入等待状态。</p>
<p>当然，这种小问题，antirez在设计的时候引入lua脚本的时候就考虑到了。</p>
<p>首先，脚本执行有一个超时时间，默认为5秒钟。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">lua-time-limit 5000</span><br></pre></td></tr></table></figure>

<p>超过5秒钟，其他客户端的命令不会等待，而是直接会返回“BUSY”错误。</p>
<p>这样也不行，不能一直拒绝其他客户端的命令执行吧。在提示里面我们也看到了，有两个命令可以使用，第一个是script kill，中止脚本的执行。但是需要注意：并不是所有的lua脚本执行都可以kil。如果当前执行的Lua脚本对Redis的数据进行了修改（SET、DEL等），那么通过script kill命令是不能终止脚本运行的。</p>
<p>这时候执行scriptkill会返回UNKILLABLE错误。</p>
<p>为什么要这么设计？为什么包含修改的脚本不能中断？</p>
<p>因为要保证脚本运行的原子性。如果脚本执行了一部分被终止那就违背了脚本原子性的目标。</p>
<p>遇到这种情况，只能通过shutdown nosave命令，直接把Redis服务停掉。</p>
<p>正常关机是shutdown，shutdown nosave和shutdown的区别在于shutdown nosave不会进行持久化操作，意味着发生在上一次快照后的数据库修改都会丢失。</p>
<p>总结：如果我们有一些特殊的需求，可以用Lua来实现，但是要注意那些耗时的操作。</p>
<h1 id="Redis为什么这么快"><a href="#Redis为什么这么快" class="headerlink" title="Redis为什么这么快"></a>Redis为什么这么快</h1><p>根据测试结果，Redis的QPS 大概10万，在高性能的服务器上性能还能更强。</p>
<p>Redis快的原因总结起来主要是三点：</p>
<p>1、纯内存结构，</p>
<p>2、请求处理单线程</p>
<p>3、多路复用机制</p>
<h2 id="内存"><a href="#内存" class="headerlink" title="内存"></a>内存</h2><p>KV结构的内存数据库，时间复杂度O（1）。</p>
<h2 id="单线程"><a href="#单线程" class="headerlink" title="单线程"></a>单线程</h2><p>第二个，按照正常的思路来讲，要实现这么高的并发性能，是不是要创建非常多的线程？为什么说Redis是单线程的呢？这个单线程说的到底是什么？</p>
<p>这里说的单线程其实指的是处理客户端的请求是单线程的，可以把它叫做主线程。从4.0的版本之后，还引入了一些线程处理其他的事情，比如清理脏数据、无用连接的释放、大key的删除。</p>
<p>把处理请求的主线程设置成单线程有什么好处呢？</p>
<p>1、没有创建线程、销毁线程带来的消耗</p>
<p>2、避免了上下文切换导致的CPU消耗</p>
<p>3、避免了线程之间带来的竞争问题，例如加锁释放锁死锁等等</p>
<p>这里有一个问题，就算单线程确实有你说的这些好处，但是会不会白白浪费了CPU的资源吗？也就是说只能用到单核。</p>
<p>官方的解释是这样的：</p>
<p>在Redis中单线程已经够用了，CPU不是redis的瓶颈。Redis的瓶颈最有可能是机器内存或者网络带宽。</p>
<p>既然单线程容易实现，又不需要处理线程并发的问题，那就顺理成章地采用单线程的方案了。</p>
<p>注意，因为请求处理是单线程的，不要在生产环境运行长命令，比如keys，flushall，flushdb，否则会导致请求被阻塞。</p>
<h2 id="I-O多路复用（I-O-Multiplexing）"><a href="#I-O多路复用（I-O-Multiplexing）" class="headerlink" title="I/O多路复用（I/O Multiplexing）"></a>I/O多路复用（I/O Multiplexing）</h2><p>I/O指的是网络I/O。</p>
<p>多路指的是多个TCP连接（Socket或Channel）。</p>
<p>复用指的是复用一个或多个线程。</p>
<p>它的基本原理就是不再由应用程序自己监视连接，而是由内核替应用程序监视文件描述符。</p>
<p>客户端在操作的时候，会产生具有不同事件类型的socket，在服务端，I/O多路复用程序（I/OMultiplexing Module）会把消息放入队列中，然后通过文件事件分派器（Fileevent Dispatcher），转发到不同的事件处理器中。</p>
<p><img src="https://tu.dxysun.com/image-20210825231238408-20210825231239.png" alt="image-20210825231238408"></p>
<p>多路复用有很多的实现，以selec为例，当用户进程调用了多路复用器，进程会被阻塞。内核会监视多路复用器负责的所有socket，当任何一个socket的数据准备好了，多路复用器就会返回。这时候用户进程再调用read操作，把数据从内核缓冲区拷贝到用户空间。</p>
<p><img src="https://tu.dxysun.com/image-20210825231336582-20210825231337.png" alt="image-20210825231336582"></p>
<p>所以，I/0多路复用的特点是通过一种机制让一个进程能同时等待多个文件描述符，而这些文件描述符其中的任意一个进入读就绪（readable）状态，select（）函数就可以返回。</p>
<p>多路复用需要操作系统的支持。Redis的多路复用，提供了select，epoll，evport，kqueue几种选择，在编译的时候来选择一种。</p>
<p>evport是Solaris系统内核提供支持的；</p>
<p>epoll是LINUX系统内核提供支持的；</p>
<p>kqueue是Mac系统提供支持的；</p>
<p>select是POSIX提供的，一般的操作系统都有支撑（保底方案）；</p>
<p>总结一下：</p>
<p>Redis抽象了一套AE事件模型，将IO事件和时间事件融入一起，同时借助多路复用机制的回调特性（Linux上用epoll），使得IO读写都是非阻塞的，实现高性能的网络处理能力。</p>
<p>我们一直在说的Redis新版本多线程的特性，意思并不是服务端接收客户端请求变咕泡成多线程的了，它还是单线程的。</p>
<p>严格意义上来说，Redis从4.0之后就引入了多线程用来处理一些耗时长的工作和后台工作，那不然的话，如果真的只有一个线程，那些耗时的操作肯定会导致客户端请求被阻塞。</p>
<p>我们这里说的多线程，确切地说，叫做多线程I/O。</p>
<h3 id="多线程I-O"><a href="#多线程I-O" class="headerlink" title="多线程I/O"></a>多线程I/O</h3><p>服务端的数据返回给客户端，需要从内核空间copy数据到用户空间，然后回写到socket （write调用），这个过程是非常耗时的。所以多线程I/O指的就是把结果写到 socket的这个环节是多线程的。</p>
<p>处理请求依然是单线程的，所以不存在线程并发安全问题。</p>
<h1 id="内存回收"><a href="#内存回收" class="headerlink" title="内存回收"></a>内存回收</h1><p>Redis本质上一个存储系统，所有的存储系统在数据量过大的情况下都会面临存储瓶颈，包括MySQL，RabbitMQ等等。</p>
<p>这里我们解决要两个问题：</p>
<p>首先，作为一个内存的KV系统，Redis服务肯定不是无限制地使用内存，应该设置一个上限（max_memory）。</p>
<p>第二个，数据应该有过期属性，这样就能清除不再使用的key。</p>
<h2 id="过期策略"><a href="#过期策略" class="headerlink" title="过期策略"></a>过期策略</h2><h3 id="立即过期（主动淘汰）"><a href="#立即过期（主动淘汰）" class="headerlink" title="立即过期（主动淘汰）"></a>立即过期（主动淘汰）</h3><p>每个设置过期时间的key都需要创建一个定时器，到过期时间就会立即清除。该策略可以立即清除过期的数据，对内存很友好；但是会占用大量的CPU资源去处理过期的数据，从而影响缓存的响应时间和吞吐量。</p>
<h3 id="惰性过期（被动淘汰）"><a href="#惰性过期（被动淘汰）" class="headerlink" title="惰性过期（被动淘汰）"></a>惰性过期（被动淘汰）</h3><p>只有当访问一个key时，才会判断该key是否已过期，过期则清除。该策略可以最大化地节省CPU资源，却对内存非常不友好。极端情况可能出现大量的过期key没有再不次被访问，从而不会被清除，占用大量内存，。</p>
<p>例如所有的查询都会调用expirelfNeeded判断是否过期。</p>
<p>第二种情况，每次写入key时，发现内存不够，调用activeExpireCycle释放一部分内存。</p>
<h3 id="定期过期"><a href="#定期过期" class="headerlink" title="定期过期"></a>定期过期</h3><p>每隔一定的时间，会扫描一定数量的数据库的expires字典中一定数量的key，并清除其中已过期的key。该策略是前两者的一个折中方案。通过调整定时扫描的时间间隔和每次扫描的限定耗时，可以在不同情况下使得CPU和内存资源达到最优的平衡效果。</p>
<p>总结：Redis中同时使用了惰性过期和定期过期两种过期策略，并不是实时地清除过期的key。</p>
<p>如果所有的key都没有设置过期属性，Redis内存满了怎么办？</p>
<h2 id="淘汰策略"><a href="#淘汰策略" class="headerlink" title="淘汰策略"></a>淘汰策略</h2><p>Redis的内存淘汰策略，是指当内存使用达到最大内存极限时，需要使用淘汰算法来决定清理掉哪些数据，以保证新数据的存入。</p>
<h3 id="最大内存设置"><a href="#最大内存设置" class="headerlink" title="最大内存设置"></a>最大内存设置</h3><p>redis.conf参数配置：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"># maxmemory &lt;bytes&gt;</span><br></pre></td></tr></table></figure>

<p>如果不设置maxmemory或者设置为0，32位系统最多使用3GB内存，64位系统不限制内存。</p>
<p>动态修改（先get一下）：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">redis&gt; config set maxmemory 2GB</span><br></pre></td></tr></table></figure>

<p>到达最大内存以后怎么办？</p>
<h2 id="淘汰策略-1"><a href="#淘汰策略-1" class="headerlink" title="淘汰策略"></a>淘汰策略</h2><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"># volatile-lru-&gt; Evict using approximated LRU, only keys with an expire set. </span><br><span class="line"># allkeys-lru -&gt; Evict any key using approximated LRU.</span><br><span class="line"># volatile-lfu -&gt; Evict using approximated LFU, only keys with an expire set. </span><br><span class="line"># allkeys-lfu -&gt; Evict any key using approximated LFU.</span><br><span class="line"># volatile-random -&gt; Remove arandom key having an expire set.</span><br><span class="line"># allkeys-random -&gt; Remove a random key, any key. </span><br><span class="line"># volatile-ttl -&gt; Remove the key with the nearest expire time (minor TTL)</span><br></pre></td></tr></table></figure>

<p>先从后缀的算法名来看：</p>
<p>LRU，Least Recently Used：最近最少使用。判断最近被使用的时间，目前最远的数据优先被淘汰。</p>
<p>LFU，Least Frequently Used，最不常用，按照使用频率删除，4.0版本新增。</p>
<p>random，随机删除。</p>
<p>从前缀针对的对象来分：volatile是针对设置了ttl的key，allkeys是针对所有key。</p>
<p><img src="https://tu.dxysun.com/image-20210825232730996-20210825232732.png" alt="image-20210825232730996"></p>
<p><img src="https://tu.dxysun.com/image-20210825232831491-20210825232833.png" alt="image-20210825232831491"></p>
<p>如果没有设置ttl或者没有符合前提条件的key被淘汰，那么volatile-lru，volatile-random ， volatile-ttl相当于noeviction（不做内存回收）。</p>
<p>建议使用volatile-lru，在保证正常服务的情况下，优先删除最近最少使用的key。</p>
<h1 id="持久化机制"><a href="#持久化机制" class="headerlink" title="持久化机制"></a>持久化机制</h1><p>Redis速度快，很大一部分原因是因为它所有的数据都存储在内存中。如果断电或老宕机，都会导致内存中的数据丢失。为了实现重启后数据不丢失，Redis提供了两种持久化的方案，一种是RDB快照（Redis DataBase），一种是AOF（Append Only File）。</p>
<p>持久化是Redis跟Memcache的主要区别之一。</p>
<h2 id="RDB"><a href="#RDB" class="headerlink" title="RDB"></a>RDB</h2><p>RDB是Redis默认的持久化方案（注意如果开启了AOF，优先用AOF）。当满足一定条件的时候，会把当前内存中的数据写入磁盘，生成一个快照文件dump.rdb。Redis泡重启会通过加载dump.rdb文件恢复数据。</p>
<p>什么时候写入rdb文件？</p>
<h3 id="RDB触发"><a href="#RDB触发" class="headerlink" title="RDB触发"></a>RDB触发</h3><h4 id="自动触发"><a href="#自动触发" class="headerlink" title="自动触发"></a>自动触发</h4><p>a）配置规则触发</p>
<p>redis.conf</p>
<p>SNAPSHOTTING，其中定义了触发把数据保存到磁盘的触发频率。如果不需要rdb方案，注释save或者配置成空字符串。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">save 900 1 #900秒内至少有一个key被修改（包括添加） </span><br><span class="line">save 300 10 #300秒内至少有10个key被修改</span><br><span class="line">save 60 10000 #60秒内至少有10000个key被修改</span><br></pre></td></tr></table></figure>

<p>注意上面的配置是不冲突的，只要满足任意一个都会触发。</p>
<p>用lastsave命令可以查看最近一次成功生成快照的时间。</p>
<p>rdb文件位置和目录（默认在安装根目录下）：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">#文件路径，</span><br><span class="line">dir.&#x2F;  #文件名称</span><br><span class="line">dbfilename dump.rdb</span><br><span class="line">#是否以LZF压缩rdb文件</span><br><span class="line">rdbcompression yes</span><br><span class="line">#开启数据校验</span><br><span class="line">rdbchecksum yes</span><br></pre></td></tr></table></figure>

<p><img src="https://tu.dxysun.com/image-20210825234236641-20210825234237.png" alt="image-20210825234236641"></p>
<p>除了根据配置触发生成RDB，RDB还有两种自动触发方式：</p>
<p>b） shutdown触发，保证服务器正常关闭。</p>
<p>c） flushall，rdb文件是空的，没什么意义。</p>
<h4 id="手动触发"><a href="#手动触发" class="headerlink" title="手动触发"></a>手动触发</h4><p>如果我们需要重启服务或者迁移数据，这个时候就需要手动触RDB快照保存。</p>
<p>Redis提供了两条命令：</p>
<p>a) save</p>
<p>save在生成快照的时候会阻塞当前Redis服务器，Redis不能处理其他命令，如果内存中的数据比较多，会造成Redis长时间的阻塞。生产环境不建议使用这个命令。为了解决这个问题，Redis提供了第二种方式。</p>
<p>b) bgsave</p>
<p>执行bgsave时，Redis会在后台异步进行快照操作，快照同时还可以响应客户端请求。</p>
<p>具体操作是Redis进程执行fork操作创建子进程（copy-on-write），RDB持久化过程由子进程负责，完成后自动结束。它不会记录fork之后产生的数据，阻塞只发生在fork阶段，一般时间很短。</p>
<h3 id="RDB文件的优势和劣势"><a href="#RDB文件的优势和劣势" class="headerlink" title="RDB文件的优势和劣势"></a>RDB文件的优势和劣势</h3><p>优势</p>
<p>1.RDB是一个非常紧凑（compact）的文件，它保存了redis在某个时间点上的数据集。这种文件非常适合用于进行备份和灾难恢复。</p>
<p>2.生成RDB文件的时候，redis主进程会fork（）一个子进程来处理所有保存工作，主进程不需要进行任何磁盘IO操作。</p>
<p>3.RDB在恢复大数据集时的速度比AOF的恢复速度要快。</p>
<p>劣势</p>
<p>1、RDB方式数据没办法做到实时持久化/秒级持久化。因为bgsave每次运行都要执行fork操作创建子进程，频繁执行成本过高</p>
<p>2、在一定间隔时间做一次备份，所以如果redis意外down掉的话，就会丢失最后一次快照之后的所有修改（数据有丢失）。</p>
<p>如果数据相对来说比较重要，希望将损失降到最小，则可以使用AOF方式进行持久化</p>
<h2 id="AOF"><a href="#AOF" class="headerlink" title="AOF"></a>AOF</h2><p>Append Only File</p>
<p>AOF：Redis默认不开启。AOF采用日志的形式来记录每个写操作，并追加到文件中。开启后，执行更改Redis数据的命令时，就会把命令写入到AOF文件中。</p>
<p>Redis重启时会根据日志文件的内容把写指令从前到后执行一次以完成数据的恢复工作。</p>
<h3 id="AOF配置"><a href="#AOF配置" class="headerlink" title="AOF配置"></a>AOF配置</h3><p>配置文件redis.conf</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">#开关</span><br><span class="line">appendonly no</span><br><span class="line">#文件名</span><br><span class="line">appendfilename &quot;appendonly.aof&quot;</span><br></pre></td></tr></table></figure>

<p>由于操作系统的缓存机制，AOF数据并没有真正地写入硬盘，而是进入了系统的硬盘缓存。什么时候把缓冲区的内容写入到AOF文件？</p>
<p><img src="https://tu.dxysun.com/image-20210825235041015-20210825235042.png" alt="image-20210825235041015"></p>
<p><img src="https://tu.dxysun.com/image-20210825235106672-20210825235108.png" alt="image-20210825235106672"></p>
<p>由于AOF持久化是Redis不断将写命令记录到AOF文件中，随着Redis不断的进行，AOF放件会越来越大，文件越大，占用服务器内存越大以及AOF恢复要求时间古越长。</p>
<p>例如计数器增加100万次，100万个命令都记录进去了，但是结果只有1个。</p>
<p>为了解决这个问题，Redis新增了重写机制，当AOF文件的大小超过所设定的阈值时，Redis就会启动AOF文件的内容压缩，只保留可以恢复数据的最小指令集。</p>
<p>可以使用命令<code>bgrewriteaof</code>来重写。 AOF文件重写并不是对原文件进行重新整理，而是直接读取服务器现有的键值对，然后用一条命令去代替之前记录这个键值对的多条命令，生成一个新的文件后去替换原来的AOF文件。</p>
<p><img src="https://tu.dxysun.com/image-20210825235311213-20210825235312.png" alt="image-20210825235311213"></p>
<p>重写过程中，AOF文件被更改了怎么办？</p>
<p><img src="https://tu.dxysun.com/image-20210825235445570-20210825235447.png" alt="image-20210825235445570"></p>
<p>另外有两个与AOF相关的参数：</p>
<p><img src="https://tu.dxysun.com/image-20210825235706313-20210825235708.png" alt="image-20210825235706313"></p>
<h3 id="A0F数据恢复"><a href="#A0F数据恢复" class="headerlink" title="A0F数据恢复"></a>A0F数据恢复</h3><p>重启Redis之后就会进行AOF文件的恢复</p>
<h3 id="A0F优势与劣势"><a href="#A0F优势与劣势" class="headerlink" title="A0F优势与劣势"></a>A0F优势与劣势</h3><p>优点：</p>
<p>1、AOF持久化的方法提供了多种的同步频率，即使使用默认的同步频率每秒同步一次，Redis最多也就丢失1秒的数据而已。</p>
<p>缺点：</p>
<p>1、对于具有相同数据的的Redis，AOF文件通常会比RDF文件体积更大（RDB 存的是数据快照）。</p>
<p>2、虽然AOF提供了多种同步的频率，默认情况下，每秒同步一次的频率也具有较高的性能。在高并发的情况下，RDB比AOF具好更好的性能保证。</p>
<h2 id="两种方案比较"><a href="#两种方案比较" class="headerlink" title="两种方案比较"></a>两种方案比较</h2><p>对于AOF和RDB两种持久化方式，我们应该如何选择呢？</p>
<p>如果可以忍受一小段时间内数据的丢失，毫无疑问使用RDB是最好的，定时生成RDB快照（snapshot）非常便于进行数据库备份，并且RDB恢复数据集的速度也要比AOF恢复的速度要快。</p>
<p>否则就使用AOF重写。但是一般情况下建议不要单独使用某一种持久化机制，而是应该两种一起用，在这种情况下，当redis重启的时候会优先载入AOF文件来恢复原始的数据，因为在通常情况下AOF文件保存的数据集要比RDB文件保存的数据集要完整。</p>
 
      <!-- reward -->
      
      <div id="reword-out">
        <div id="reward-btn">
          打赏
        </div>
      </div>
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
<div class="share-btn">
      <span class="share-sns share-outer">
        <i class="ri-share-forward-line"></i>
        分享
      </span>
      <div class="share-wrap">
        <i class="arrow"></i>
        <div class="share-icons">
          
          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
            <i class="ri-weibo-fill"></i>
          </a>
          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
            <i class="ri-wechat-fill"></i>
          </a>
          <a class="qq share-sns" href="javascript:;" data-type="qq">
            <i class="ri-qq-fill"></i>
          </a>
          <a class="douban share-sns" href="javascript:;" data-type="douban">
            <i class="ri-douban-line"></i>
          </a>
          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
            <i class="icon icon-qzone"></i>
          </a> -->
          
          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
            <i class="ri-facebook-circle-fill"></i>
          </a>
          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
            <i class="ri-twitter-fill"></i>
          </a>
          <a class="google share-sns" href="javascript:;" data-type="google">
            <i class="ri-google-fill"></i>
          </a>
        </div>
      </div>
</div>

<div class="wx-share-modal">
    <a class="modal-close" href="javascript:;"><i class="ri-close-circle-line"></i></a>
    <p>扫一扫，分享到微信</p>
    <div class="wx-qrcode">
      <img src="//api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://dxysun.com/2021/08/25/redisForPrinciple2/" alt="微信分享二维码">
    </div>
</div>

<div id="share-mask"></div>  
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/redis/" rel="tag">redis</a></li></ul>

    </footer>
  </div>

   
  <nav class="article-nav">
    
      <a href="/2021/08/26/redisForPrinciple3/" class="article-nav-link">
        <strong class="article-nav-caption">上一篇</strong>
        <div class="article-nav-title">
          
            redis分布式原理
          
        </div>
      </a>
    
    
      <a href="/2021/08/24/redisForPrinciple1/" class="article-nav-link">
        <strong class="article-nav-caption">下一篇</strong>
        <div class="article-nav-title">Redis基本介绍</div>
      </a>
    
  </nav>

  
   
  
</article>

</section>
      <footer class="footer">
  <div class="outer">
    <ul>
      <li>
        Copyrights &copy;
        2015-2024
        <i class="ri-heart-fill heart_icon"></i> dxysun
      </li>
    </ul>
    <ul>
      <li>
        
        
        
        由 <a href="https://hexo.io" target="_blank">Hexo</a> 强力驱动
        <span class="division">|</span>
        主题 - <a href="https://github.com/Shen-Yu/hexo-theme-ayer" target="_blank">Ayer</a>
        
      </li>
    </ul>
    <ul>
      <li>
        
        
        <span>
  <span><i class="ri-user-3-fill"></i>访问人数:<span id="busuanzi_value_site_uv"></span></s>
  <span class="division">|</span>
  <span><i class="ri-eye-fill"></i>浏览次数:<span id="busuanzi_value_page_pv"></span></span>
</span>
        
      </li>
    </ul>
    <ul>
      
        <li>
          <a href="https://beian.miit.gov.cn" target="_black" rel="nofollow">豫ICP备17012675号-1</a>
        </li>
        
    </ul>
    <ul>
      
    </ul>
    <ul>
      <li>
        <!-- cnzz统计 -->
        
      </li>
    </ul>
  </div>
</footer>
      <div class="float_btns">
        <div class="totop" id="totop">
  <i class="ri-arrow-up-line"></i>
</div>

<div class="todark" id="todark">
  <i class="ri-moon-line"></i>
</div>

      </div>
    </main>
    <aside class="sidebar on">
      <button class="navbar-toggle"></button>
<nav class="navbar">
  
  <div class="logo">
    <a href="/"><img src="https://dxysun.com/static/logo.png" alt="迎着朝阳"></a>
  </div>
  
  <ul class="nav nav-main">
    
    <li class="nav-item">
      <a class="nav-item-link" href="/">主页</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/archives">归档</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/categories">分类</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags">标签</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/photos">相册</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/friends">友链</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/about">关于我</a>
    </li>
    
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      
      <a class="nav-item-link nav-item-search"  title="搜索">
        <i class="ri-search-line"></i>
      </a>
      
      
      <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
        <i class="ri-rss-line"></i>
      </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
    </aside>
    <script>
      if (window.matchMedia("(max-width: 768px)").matches) {
        document.querySelector('.content').classList.remove('on');
        document.querySelector('.sidebar').classList.remove('on');
      }
    </script>
    <div id="mask"></div>

<!-- #reward -->
<div id="reward">
  <span class="close"><i class="ri-close-line"></i></span>
  <p class="reward-p"><i class="ri-cup-line"></i>请我喝杯咖啡吧~</p>
  <div class="reward-box">
    
    <div class="reward-item">
      <img class="reward-img" src="https://tu.dxysun.com/alipay-20201219151322.jpg">
      <span class="reward-type">支付宝</span>
    </div>
    
    
    <div class="reward-item">
      <img class="reward-img" src="https://tu.dxysun.com/weixin-20201219151346.png">
      <span class="reward-type">微信</span>
    </div>
    
  </div>
</div>
    
<script src="/js/jquery-2.0.3.min.js"></script>


<script src="/js/lazyload.min.js"></script>

<!-- Tocbot -->


<script src="/js/tocbot.min.js"></script>

<script>
  tocbot.init({
    tocSelector: '.tocbot',
    contentSelector: '.article-entry',
    headingSelector: 'h1, h2, h3, h4, h5, h6',
    hasInnerContainers: true,
    scrollSmooth: true,
    scrollContainer: 'main',
    positionFixedSelector: '.tocbot',
    positionFixedClass: 'is-position-fixed',
    fixedSidebarOffset: 'auto'
  });
</script>

<script src="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.css">
<script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js"></script>

<script src="/dist/main.js"></script>

<!-- ImageViewer -->

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/default-skin/default-skin.min.css">
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe-ui-default.min.js"></script>

<script>
    function viewer_init() {
        let pswpElement = document.querySelectorAll('.pswp')[0];
        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))

        $imgArr.forEach(($em, i) => {
            $em.onclick = () => {
                // slider展开状态
                // todo: 这样不好，后面改成状态
                if (document.querySelector('.left-col.show')) return
                let items = []
                $imgArr.forEach(($em2, i2) => {
                    let img = $em2.getAttribute('data-idx', i2)
                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
                    let title = $em2.getAttribute('alt')
                    // 获得原图尺寸
                    const image = new Image()
                    image.src = src
                    items.push({
                        src: src,
                        w: image.width || $em2.width,
                        h: image.height || $em2.height,
                        title: title
                    })
                })
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
                    index: parseInt(i)
                });
                gallery.init()
            }
        })
    }
    viewer_init()
</script>

<!-- MathJax -->

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
      tex2jax: {
          inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
          processEscapes: true,
          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
      }
  });

  MathJax.Hub.Queue(function() {
      var all = MathJax.Hub.getAllJax(), i;
      for(i=0; i < all.length; i += 1) {
          all[i].SourceElement().parentNode.className += ' has-jax';
      }
  });
</script>

<script src="https://cdn.jsdelivr.net/npm/mathjax@2.7.6/unpacked/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script>
  var ayerConfig = {
    mathjax: true
  }
</script>

<!-- Katex -->

<!-- busuanzi  -->


<script src="/js/busuanzi-2.3.pure.min.js"></script>


<!-- ClickLove -->

<!-- ClickBoom1 -->

<!-- ClickBoom2 -->

<!-- CodeCopy -->


<link rel="stylesheet" href="/css/clipboard.css">

<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script>
  function wait(callback, seconds) {
    var timelag = null;
    timelag = window.setTimeout(callback, seconds);
  }
  !function (e, t, a) {
    var initCopyCode = function(){
      var copyHtml = '';
      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
      copyHtml += '</button>';
      $(".highlight .code pre").before(copyHtml);
      $(".article pre code").before(copyHtml);
      var clipboard = new ClipboardJS('.btn-copy', {
        target: function(trigger) {
          return trigger.nextElementSibling;
        }
      });
      clipboard.on('success', function(e) {
        let $btn = $(e.trigger);
        $btn.addClass('copied');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-checkbox-circle-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPIED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-checkbox-circle-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
      clipboard.on('error', function(e) {
        e.clearSelection();
        let $btn = $(e.trigger);
        $btn.addClass('copy-failed');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-time-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPY FAILED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-time-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
    }
    initCopyCode();
  }(window, document);
</script>


<!-- CanvasBackground -->


<script src="/js/dz.js"></script>



    
  </div>
</body>

</html>